<!DOCTYPE HTML><html lang=zh-CN><head><meta charset=utf-8><meta name=keywords content="测试基本样式, Frida&#39;s Space"><meta name=description content="I am Frida"><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name=renderer content=webkit|ie-stand|ie-comp><meta name=mobile-web-app-capable content=yes><meta name=format-detection content="telephone=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><title>测试基本样式 | Frida&#39;s Space</title><link rel=icon type=image/png href=/favico.png><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.10.0/css/lightgallery.min.css><style>.code_lang,h1,h2,h3,h4,h5{font-weight:700}body,kbd{color:#34495e}@media only screen and (max-width:601px){.container{width:95%}}@media only screen and (min-width:600px) and (max-width:992px){.container{width:90%}}@media only screen and (min-width:993px){.container{width:90%;max-width:1125px}.head-container{position:absolute;padding:0 30px;width:100%}.post-container{width:90%;margin:0 auto;max-width:1250px}}body{background-color:#eaeaea;margin:0;overflow-x:hidden;overflow-y:auto}h1{margin:48px 0 22px -5px;font-size:2rem;line-height:2rem}h2{margin:42px 0 18px -5px;font-size:1.8rem;line-height:1.8rem}h3{margin:38px 0 15px -4px;font-size:1.6rem;line-height:1.7rem}h4{margin:32px 0 12px -4px;font-size:1.45rem;line-height:1.45rem}h5{margin:28px 0 8px -4px;font-size:1.2rem;line-height:1.2rem}h6{margin:22px 0 4px -4px;font-size:1.1rem;line-height:1.1rem}p{font-size:1rem;line-height:1.5rem}hr{margin:20px 0;border:0;border-top:1px solid #ccc}blockquote{border-left:5px solid #42b983;padding:1rem .8rem .2rem;color:#666;background-color:rgba(66,185,131,.1)}pre{padding:2rem 1rem 1rem!important;border-radius:.35rem;tab-size:4}.code-area::after{content:" ";position:absolute;border-radius:50%;background:#ff5f56;width:12px;height:12px;top:0;left:12px;margin-top:12px;-webkit-box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}code,kbd{background-color:#f8f8f8}code{padding:1px 5px;top:13px!important;font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;font-size:.91rem;color:#e96900;border-radius:2px}.code_copy,.codecopy_notice{top:.7rem;z-index:1;position:absolute;filter:invert(50%)}.code_lang,kbd{font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace}.code_copy{right:25px;cursor:pointer}.codecopy_notice{right:6px;opacity:0}.code_lang{position:absolute;top:1.2rem;right:46px;line-height:0;z-index:1;filter:invert(50%);cursor:pointer}.code-expand{position:absolute;top:4px;right:0;filter:invert(50%);padding:7px;z-index:999!important;cursor:pointer;transition:all .3s;transform:rotate(0)}.code-closed .code-expand{transform:rotate(-180deg)!important;transition:all .3s}.code-closed pre::before{height:0}pre code{padding:0;color:#e8eaf6;background-color:#272822}kbd{margin:0 3px;padding:3px 5px;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 3px rgba(0,0,0,.25),0 2px 1px 0 rgba(255,255,255,.6) inset;font-size:.9rem;font-weight:600;line-height:1.8rem;white-space:nowrap}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:85%}cite{font-style:normal}mark{background-color:#fcf8e3;padding:.2em}.card{border-radius:10px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}header .side-nav,nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}.card .card-image img{border-radius:8px 8px 0 0;object-fit:cover}.container .row{margin-bottom:0}.bg-color{background-image:linear-gradient(to right,#436394 0,#567291 100%)}.text-color{color:#0f9d58!important}.white-color{color:#fff}.progress-bar{height:4px;position:fixed;bottom:0;z-index:300;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%);opacity:.8}.sidenav-overlay{z-index:500}.pd-header{margin-top:-64px}header .side-nav{width:240px;z-index:999}header .nav-transparent{background-color:transparent!important;background-image:none;box-shadow:none}header nav .brand-span{font-size:1.45rem}header .brand-logo .logo-img{height:45px;vertical-align:middle;padding-bottom:6px}header .brand-logo .logo-span{font-size:1.6rem}header .brand-logo .waves-effect{vertical-align:top}header .button-collapse i{font-size:1.5rem}header .side-nav .mobile-head{padding:0 15px}header .side-nav .mobile-head img{margin-top:30px;width:75px;height:75px}header .side-nav .mobile-head .logo-name{margin-top:-30px;padding-left:10px;font-size:1.5rem}header .side-nav .mobile-head .logo-desc{margin-top:-10px;padding-left:10px;padding-bottom:10px;font-size:.8rem;line-height:1.3rem;color:#e3e3e3}header .side-nav .menu-list li{padding:0;margin-left:-15px}header .side-nav .menu-list a{height:50px;line-height:50px;color:#34495e!important}.mobile-menu-list a i{margin-left:8px!important;font-size:1.16rem;color:#34495e!important}header .side-nav .fa-fw{width:3.3rem;text-align:left}header .side-nav .social-link{position:absolute;bottom:45px;padding-left:15px}.social-link a{font-size:1.2rem;display:inline;padding:0 12px}.cover-btns{position:relative;top:10vh;text-align:center}.cover-btns a{margin:10px 15px;padding:0 35px;height:45px;line-height:45px;font-size:1rem;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:30px;box-shadow:none}.cover-btns a:hover{border:1px solid #f44336;background-color:#f44336;box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2)}.cover-btns a i{font-size:1.1rem;padding-right:5px}.scroll-down{background:#333;margin:100px auto;-webkit-animation:scroll-down 1.5s infinite;-moz-animation:scroll-down 1.5s infinite;-o-animation:scroll-down 1.5s infinite;animation:scroll-down 1.5s infinite}@-moz-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@-webkit-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@-o-keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}@keyframes scroll-down{0%,100%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}}.cover-social-link{position:relative;top:23vh;width:100%;text-align:center}.cover-social-link a{padding:0 15px;font-size:1.35rem;color:#fff}header .go-back{float:left;position:relative;padding-left:5px;padding-right:5px;z-index:1;height:56px}header .go-back i{font-size:1.6rem;font-weight:200;line-height:56px}.bg-cover{position:relative;display:flex;align-items:center;height:60vh;padding:0;border:0;overflow:hidden;background-position:center center;background-size:cover;transform:translate3d(0,0,0)}.index-cover{height:100vh}.post-cover{height:40vh!important}.bg-cover:after,.bg-cover:before,.recommend .post-card:before{height:100%;left:0;content:"";width:100%;display:block;top:0}.bg-cover:after{-webkit-animation:rainbow 60s infinite;animation:rainbow 60s infinite}.bg-cover:after,.bg-cover:before{position:absolute;z-index:1}.bg-cover .container{position:relative;color:#fff;z-index:2}.bg-cover .title{font-size:4rem;line-height:1.2em;margin-bottom:20px;position:relative}.bg-cover .description{font-weight:300;font-size:1.25rem;line-height:1.4em;color:#eee}.bg-cover .post-title{margin:0 auto;font-size:2.5rem;font-weight:400}@-webkit-keyframes rainbow{0%,100%{background:rgba(156,39,176,.75);background:linear-gradient(45deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-moz-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%)}16%{background:rgba(132,13,121,.75);background:linear-gradient(45deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-moz-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%)}32%{background:rgba(239,83,80,.75);background:linear-gradient(45deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-moz-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%)}48%{background:rgba(255,87,34,.75);background:linear-gradient(45deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%)}64%{background:rgba(255,160,0,.75);background:linear-gradient(45deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,112,66,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%)}80%{background:rgba(233,30,99,.75);background:linear-gradient(45deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-moz-linear-gradient(135deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(2233,30,99,.75) 0,rgba(233,30,99,.65) 100%)}}@keyframes rainbow{0%,100%{background:rgba(156,39,176,.75);background:linear-gradient(45deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-moz-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(156,39,176,.75) 0,rgba(156,39,176,.65) 100%)}16%{background:rgba(132,13,121,.75);background:linear-gradient(45deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-moz-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(132,13,121,.75) 0,rgba(132,13,121,.65) 100%)}32%{background:rgba(239,83,80,.75);background:linear-gradient(45deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-moz-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(239,83,80,.75) 0,rgba(239,83,80,.65) 100%)}48%{background:rgba(255,87,34,.75);background:linear-gradient(45deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,87,34,.75) 0,rgba(255,87,34,.65) 100%)}64%{background:rgba(255,160,0,.75);background:linear-gradient(45deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%);background:-moz-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,112,66,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(255,160,0,.75) 0,rgba(255,160,0,.65) 100%)}80%{background:rgba(233,30,99,.75);background:linear-gradient(45deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-moz-linear-gradient(135deg,rgba(233,30,99,.75) 0,rgba(233,30,99,.65) 100%);background:-webkit-linear-gradient(135deg,rgba(2233,30,99,.75) 0,rgba(233,30,99,.65) 100%)}}.index-card{margin-top:-10px;padding-top:20px}.carousel-post .title{font-size:2.6rem}.dream{margin-top:20px;margin-bottom:40px}.dream .title,.music-player .title,.video-player .title{margin-bottom:20px;font-size:2rem;font-weight:700}.dream .text{opacity:.6;font-size:1.1rem}.music-player,.video-player{margin-top:10px;margin-bottom:50px}.dplayer-video,.music{box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 10px 20px -12px rgba(0,0,0,.5)!important}#recommend-sections{margin-top:-30px;padding-top:30px}.index-card .card .card-content{padding:20px 40px}@media only screen and (min-width:1418px){.recommend{margin-top:20px;padding:0 .75rem}}@media only screen and (max-width:601px){.index-card .card .card-content{padding:10px}}@media only screen and (min-width:600px) and (max-width:992px){.index-card .card .card-content{padding:20px}}.recommend .row .col{padding:0 1.25rem}.recommend .title{margin-top:25px;margin-bottom:25px;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.8rem}.recommend .post-card:before{position:absolute;z-index:0;background-color:rgba(0,0,0,.3);border-radius:10px}.recommend .post-card{position:relative;width:100%;height:300px;max-height:300px;margin-bottom:15px;margin-top:15px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:50% #fff;background-size:cover;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.recommend .post-card .post-body{position:relative;margin:0 auto;padding:1.8rem 1.25rem;z-index:2}.recommend .post-card .post-categories{margin:10px auto}.recommend .post-card .post-categories .category{padding:0 8px;color:hsla(0,0%,100%,.7)!important;font-size:.75rem;font-weight:500}.recommend .post-card a{color:#fff}.recommend .post-card .post-title{height:48px;margin-top:10px;margin-bottom:5px}.recommend .post-card .post-description{margin:20px auto;max-width:500px;height:65px;max-height:65px;font-size:14px;color:hsla(0,0%,100%,.78)!important}.recommend .post-card .read-more{height:40px;margin:.6rem 1px;font-size:.9rem;font-weight:400;line-height:40px;color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12)}.recommend .post-card .read-more .icon{font-size:1.05rem;padding-right:10px}.archive-calendar{margin-top:-60px;max-width:820px}#post-calendar{width:100%;height:225px}.settings-content{margin-top:-10px}#articles{margin-top:10px;margin-bottom:10px}article a{margin-right:0!important;color:#525f7f;text-transform:none!important}article a:hover{font-weight:700;color:#42b983;text-decoration:underline}.articles .row{margin-left:0;margin-right:0}article .card{border-radius:8px;overflow:hidden}article .card-image{background-color:#222;border-radius:8px}article .card-image img{height:220px;border-radius:.3rem;opacity:.7}article .tag-image img{height:220px}article .card .card-content{padding:15px 15px 12px 18px}article .article-content .summary{padding-bottom:2px;padding-left:0;margin-bottom:6px;word-break:break-all}article .article-content .publish-author{float:right}.publish-date .icon-date{padding-right:5px}.publish-author .icon-category{padding-left:10px}.article-content .publish-author .post-category{padding-left:5px}article .card .card-action{padding:10px 15px 10px 18px;border-radius:0 0 8px 8px!important}article .article-tags .chip{margin:2px;font-size:.8rem;font-weight:400;height:22px;line-height:22px;color:#fff;border-radius:10px}.prev-next{margin-left:-.75rem}.prev-next .article-badge{min-width:3rem;margin-top:7px;padding:3px 10px 3px 8px;text-align:center;font-size:1rem;line-height:inherit;position:absolute;box-sizing:border-box;z-index:200;background-color:#fff;font-weight:500}.prev-next .left-badge{border-radius:8px 0}.prev-next .right-badge{border-radius:0 8px;right:10px}.paging{margin-bottom:15px}.paging .row{margin-left:0;margin-right:0}.paging .page-info{font-size:1.4rem;color:#888;padding-top:1rem}.paging i{font-size:2.5rem}.paging .disabled{background-color:#ccc!important}.paging .disabled i{color:#999!important}#artDetail{margin-top:-60px}@media only screen and (max-width:550px){#articleContent table{table-layout:fixed}}@media only screen and (min-width:1418px){#artDetail{margin-top:-60px;padding:0 .75rem}}#artDetail .card{box-shadow:0 10px 35px 2px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.07),0 2px 5px -5px rgba(0,0,0,.1)!important}#artDetail .tag-cate{padding-bottom:15px}#artDetail a{margin-right:0!important;text-transform:none!important}#artDetail .article-info{padding:20px 30px 1px 40px;margin-bottom:-5px}#artDetail .article-tag .chip,#artDetail .tag_share .article-tag .chip{font-size:1rem;font-weight:400;height:25px;border-radius:15px;margin-right:5px;margin-bottom:2px}#artDetail .article-tag .chip{line-height:24px;color:#fff}#artDetail .tag_share .article-tag .chip{line-height:23px;color:#42b983;background:#fff;border:1px solid;transition:all .6s ease-in-out}#artDetail .tag_share .article-tag .chip:hover{color:#fff;background:#42b983}#artDetail .post-cate{float:right;color:#42b983}#artDetail .post-cate a{padding-right:5px;color:#42b983;font-weight:500}#artDetail .post-cate a:hover{text-decoration:underline}#artDetail .post-info{color:#525f7f}#artDetail .post-info .post-category{padding-right:4px;color:#525f7f}#artDetail .post-info .post-category:hover{font-weight:700;color:#42b983;text-decoration:underline}#artDetail .post-info .post-date{color:#525f7f}#artDetail .post-info .post-word-count{margin-left:15px}#artDetail .post-info .post-read{margin-left:15px;color:#525f7f}#artDetail .article-card-content{padding:0 15px 20px 18px}@media only screen and (max-width:601px){#artDetail .article-info{padding:15px 15px 1px;margin-bottom:-5px}}@media only screen and (min-width:600px) and (max-width:992px){#artDetail .article-card-content{padding:0 30px 20px 32px}#artDetail .article-info{padding:15px 20px 0 28px;margin-bottom:-5px}}@media only screen and (min-width:993px){#artDetail .article-card-content{padding:0 50px 20px}}#artDetail .reprint{margin:15px 0 .4rem;padding:.5rem .8rem;border:1px solid #eee;line-height:2;transition:box-shadow .3s ease-in-out}#articleContent table td,#articleContent table th{min-width:80px;border:1px solid #dfe2e5;padding:6px}#artDetail .reprint-info{word-break:break-word}#artDetail .reprint:hover{box-shadow:0 0 10px 0 rgba(232,237,250,.6),0 4px 8px 0 rgba(232,237,250,.5)}#artDetail .reprint a{font-size:1.05rem;color:#42b983;font-weight:500}#articleContent p{margin:2px 2px 10px;font-size:1.05rem;line-height:1.85rem}#articleContent blockquote p{text-indent:.2rem}#articleContent a{padding:0 2px;color:#42b983;font-weight:500;text-decoration:underline;word-wrap:break-word}#articleContent .img-item{text-align:center}#articleContent img{max-width:100%;height:auto;cursor:pointer}#articleContent video{display:block;margin:30px auto;box-shadow:0 5px 35px 0 rgba(0,0,0,.2),0 10px 35px -11px rgba(0,0,0,.6);cursor:pointer}#articleContent ol,#articleContent ul{display:block;padding-left:2em!important;word-spacing:.05rem}#articleContent ol li,#articleContent ul li{display:list-item;line-height:1.8rem;font-size:1rem}#articleContent ul li{list-style-type:disc}#articleContent ul ul li{list-style-type:circle}#articleContent table{width:100%;display:block;border-collapse:collapse;border-spacing:0;overflow:auto}table tr:nth-child(2n),thead{background-color:#fafafa}#articleContent table th{background-color:#f2f2f2}#articleContent [type=checkbox]:not(:checked),[type=checkbox]:checked{position:inherit;margin-left:-1.3rem;margin-right:.4rem;margin-top:-1px;vertical-align:middle;left:unset;visibility:visible}@media only screen and (min-width:600px){#article-share .social-share a{margin-left:15px!important}}.chip-container{margin-top:-60px}.chip-container .tag-title{margin-bottom:10px;color:#3c4858;font-size:1.75rem;font-weight:400}.chip-container .tag-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.chip-container .tags-posts{margin-top:20px}.chip-container .chip-default{color:#34495e}.chip-container .chip-active{color:#fff!important;background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%)!important;box-shadow:2px 5px 10px #aaa!important}.chip-container .chip{margin:10px;padding:19px 14px;display:inline-flex;line-height:0;font-size:1rem;font-weight:500;border-radius:5px;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.12);z-index:0}.chip-container .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%)!important}.chip .tag-length{margin-left:5px;margin-right:-2px;font-size:.5rem}.chip-default .tag-length{color:#e91e63;margin-top:1px}.chip-active .tag-length{color:#fff}#cd-timeline .year{position:relative;width:80px;height:80px;margin:10px 0 50px -20px;padding:21px 10px;background-color:#ff5722;color:#fff;font-size:1.8rem;font-weight:600}#cd-timeline .year a{color:#fff}#cd-timeline .month{position:relative;width:60px;height:60px;margin:10px 0 30px -10px;padding:14px 16px;background-color:#ef6c00;color:#fff;font-size:1.7rem;font-weight:600}#cd-timeline .month a{color:#fff}#cd-timeline .day{position:relative;padding:8px 10px;background-color:#ffa726;color:#fff;font-size:1.2rem;font-weight:500}#cd-timeline{max-width:820px;position:relative;margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#0f9d58}.cd-timeline-block::after,.cd-timeline-content::after{clear:both;content:"";display:table}@media only screen and (min-width:900px){#cd-timeline{margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{left:50%;margin-left:-2px}#cd-timeline .year{margin:10px 0 50px -40px;padding:22px 11px}#cd-timeline .month{margin:10px 0 30px -30px;padding:14px 16px}}.cd-timeline-block{position:relative;margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:870px){.cd-timeline-block{margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}@media only screen and (min-width:900px){.cd-timeline-img{width:40px;height:40px;left:50%;margin-left:-20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}.cd-timeline-content{position:relative;margin-top:-40px;margin-left:60px;padding:0;border-radius:5px;background:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.cd-timeline-content .card{margin:0}.cd-timeline-content::before{content:'';position:absolute;top:18px!important;right:100%;height:0;width:14px;margin-left:2px;margin-right:2px;border:1px dashed #ffa726}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:1.25rem}.cd-timeline-content p{font-size:1rem}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:.875rem}}@media only screen and (min-width:900px){.cd-timeline-content{margin-left:0;padding:0;width:45%}.cd-timeline-content::before{top:24px;left:100%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:#ffa726}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}.about-container{width:90%;max-width:1225px;margin-top:-60px}@media only screen and (max-width:601px){.about-container{width:95%}}.post-statis{text-align:center}.post-statis .statis{display:inline-block;padding:.3rem .8rem;text-align:center;letter-spacing:.03rem}.post-statis .statis .count{display:block;font-size:1.3rem;font-weight:700;text-decoration:underline}.post-statis .statis .count a{color:#42b983}.post-statis .statis .name{font-size:.9rem;color:#777}#aboutme .social-link{margin:.5rem 0;text-align:center}#aboutme .social-link a{display:inline-block;width:2.3rem;height:2.3rem;line-height:2.2rem;margin:0 .5rem;padding:0;color:#fff;border:1px solid #0f9d58;background:radial-gradient(#4cbf30,#0f9d58);font-size:.9rem;border-radius:50%;box-shadow:0 4px 6px rgba(50,50,93,.21),0 2px 3px rgba(0,0,0,.1)}.profile .avatar-img{max-width:160px;width:100%;margin:0 auto;transform:translate3d(0,-65%,0)}.profile .author{margin-top:-80px}.profile .author .post-statis{margin:.5rem 0 1.4rem}.profile .author .title{margin-bottom:.1rem;font-size:1.8rem;font-weight:500;color:#3c4858}.profile .author .career{margin:8px 0;font-size:.9rem;font-weight:400;color:#777}#aboutme .profile .social-link{margin:1.5rem 0 .8rem}#aboutme .introduction{margin:1.5rem auto 3rem;max-width:600px;color:#999}.my-projects,.my-skills,.post-charts{padding:3.8rem 1.5rem .8rem}.my-gallery .title,.my-projects .title,.my-skills .title,.post-charts,.title{font-size:2rem;margin-bottom:2.25rem}.my-projects .info{max-width:360px;margin:0 auto;padding:1rem 0}.my-projects .info .icon{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:1.75rem;border-radius:50%}.my-projects .info .info-title{margin:1.25rem 0 .875rem;font-size:1.25rem;font-weight:500;line-height:1.5em}.my-projects .info .info-title a{color:#34495e}.my-projects .info .info-desc{margin:0 0 10px;font-size:.9rem;color:#999}.my-skills .skillbar{position:relative;display:block;max-width:360px;margin:15px auto;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:.9rem;color:#fff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,.15);padding:0 20px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-bar{height:30px;width:0;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#fff;color:rgba(0,0,0,.5)}.my-skills .other-skills{margin-top:2rem}.other-skills .sub-title{font-size:1.5rem}.other-skills .tag-chips{max-width:600px}.other-skills .chip{background-color:#fff;border:1px solid #eee}.other-skills .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%);border:1px solid #4cbf30;box-shadow:0 5px 5px rgba(0,0,0,.25)}.my-gallery{margin:4.5rem auto 1rem;padding:0 1.2rem;max-width:1100px}.my-gallery .photo{margin:.5rem 0}.my-gallery .photo img{width:100%;height:200px;border-radius:10px;cursor:pointer}footer{padding-bottom:1px}footer .social-statis{margin-top:10px;position:relative}footer a{color:#fff}footer .copy-right{color:#dbdbdb}#searchIcon{font-size:1.2rem}#searchModal{min-height:500px;width:80%}#searchModal .search-header .title{font-size:1.6rem;color:#333}#searchResult{margin:-15px 0 10px 10px}#searchResult .search-result-list{margin-left:-8px;padding-left:0;color:#666}.search-result-list .search-result-title{font-size:1.4rem;color:#42b983}.search-result-list li{border-bottom:1px solid #e5e5e5;padding:15px 0 5px}.search-result-list .search-keyword{margin:0 2px;padding:1px 5px 1px 4px;border-radius:2px;background-color:#f2f2f2;color:#e96900;font-style:normal;white-space:pre-wrap}.top-scroll{display:none;position:fixed;right:15px;bottom:15px;padding-top:15px;margin-bottom:0;z-index:998}.top-scroll .btn-floating{background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%);width:48px;height:48px}.top-scroll .btn-floating i{line-height:48px;font-size:1.8rem}@media screen and (min-width:368px) and (max-width:767px){.info-break-policy{word-break:keep-all;float:left;width:50%}}@media screen and (min-width:768px){.info-break-policy{word-break:keep-all;float:left;margin-right:15px}}@media screen and (max-width:367px){.info-break-policy{word-break:keep-all;float:left;width:100%}.custom-card{padding:0 2px!important}}.info-break-policy{margin-bottom:8px}.clearfix{clear:left}.img-shadow{box-shadow:0 5px 25px 0 rgba(0,0,0,.2),0 10px 30px -11px rgba(0,0,0,.6)}.img-margin{margin:25px auto 10px}.caption{text-align:center;margin:0 auto 15px}.center-caption{color:#525f7f;padding:5px;border-bottom:1px solid #d9d9d9}.lg-sub-html .center-caption{color:#fff!important;border-bottom:none}.overflow-policy{overflow:hidden}.block-with-text{overflow:hidden;position:relative;line-height:1.5em;max-height:4.5em;text-align:justify;margin-right:-1em;padding-right:1em}.block-with-text:before{content:'...';position:absolute;right:.2em;bottom:0}.block-with-text:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.4em;background:#fff}.nav-menu li .sub-nav{position:absolute;top:66px;list-style:none;margin-left:-20px;display:none}.nav-menu li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative}.nav-menu li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;border-radius:5px;color:#000}.nav-show i[aria-hidden=true]{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;transform:rotate(180deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.menus_item_child{background-color:rgba(255,255,255,.8);width:fit-content;border-radius:10px;-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);display:none;opacity:.98;-ms-filter:none;filter:none;-webkit-animation:sub_menus .3s .1s ease both;-moz-animation:sub_menus .3s .1s ease both;-o-animation:sub_menus .3s .1s ease both;animation:sub_menus .3s .1s ease both}.menus_item_child:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.8)}.m-nav-item{position:relative}.m-nav-item ul{display:none}.m-nav-item ul li{width:255px;height:50px;line-height:50px;text-align:center}.m-nav-show .m-icon{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.m-nav-item>a:hover,.m-nav-show{color:#fff;background:rgba(255,255,255,.8)}.m-nav-item>a:hover:before,.m-nav-show>a:before{opacity:1}.m-nav-item .m-icon{position:absolute;right:15px;height:50px;padding:0;margin:0}</style><style>#daodream-launcher{display:none}</style><style>.rotate{animation:rotate 6s linear infinite}.beat{animation:beat 1.33s ease-in-out infinite}.flash{animation:flash 6s cubic-bezier(.22,.61,.36,1) infinite}.shake{animation:shake 1s}.fade-in,.tabs .tab,details[open]>div{animation:fadeIn .5s}.fade-out{animation:fadeOut .3s}.up-down{animation:UpDown 2s infinite}.down-up{animation:DownUp 2s infinite}#artDetail ol>li.quiz.show .note,#artDetail ol>li.quiz.show blockquote,.slide{animation:slide .5s}.slide-up-in{animation:slideUpIn .3s}.slide-up-big-in{animation:slideUpBigIn .5s}.slide-right-in{animation:slideRightIn .3s}.slide-left-in{animation:slideLeftIn .3s}.slide-down-in{animation:slideDownIn .3s}.blur{animation:blur .8s ease-in-out forwards}.elastic{animation:elastic 1s}@-moz-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-moz-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-webkit-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-o-keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@keyframes rotating{from{transform:rotate(720deg)}to{transform:none}}@-moz-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-webkit-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-o-keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@keyframes rotate-needle-pause{0%{transform:rotateZ(-35deg)}100%{transform:rotateZ(-60deg)}}@-moz-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-webkit-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-o-keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@keyframes rotate-needle-resume{0%{transform:rotateZ(-60deg)}100%{transform:rotateZ(-35deg)}}@-moz-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-webkit-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-o-keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@keyframes beat{0%,100%{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}@-moz-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-moz-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-webkit-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-o-keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-webkit-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-o-keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@keyframes blur{0%{filter:blur(10px)}to{filter:blur(0)}}@-moz-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-webkit-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-o-keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@keyframes blur-dark{0%{filter:blur(10px) brightness(.9)}to{filter:blur(0) brightness(.9)}}@-moz-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-webkit-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-o-keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@keyframes UpDown{0%,100%{opacity:.8;transform:translateY(10px)}50%{opacity:.4;transform:translateY(0)}}@-moz-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-webkit-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-o-keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@keyframes DownUp{0%,100%{opacity:.8;transform:rotate(180deg) translateY(0)}50%{opacity:.4;transform:rotate(180deg) translateY(-10px)}}@-moz-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-webkit-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-o-keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@keyframes slide{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-moz-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-o-keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes slideRightIn{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-o-keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes slideLeftIn{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-o-keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUpBigIn{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@-webkit-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@-o-keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}@keyframes elastic{0%{transform:scale(0)}100%,55%{transform:scale(1)}70%{transform:scale(.98)}}:root{--grey-0:#fff;--grey-1:#fdfdfd;--grey-2:#f7f7f7;--grey-3:#eff2f3;--grey-4:#ccc;--grey-5:#999;--grey-6:#666;--grey-7:#333;--grey-8:#222;--grey-9:#000;--grey-1-a0:rgba(253,253,253,0);--grey-1-a7:rgba(253,253,253,0.7);--grey-1-a5:rgba(253,253,253,0.5);--grey-1-a3:rgba(253,253,253,0.3);--grey-9-a1:rgba(0,0,0,0.1);--grey-9-a5:rgba(0,0,0,0.5);--grey-2-a0:rgba(247,247,247,0);--color-pink-light:#ffe6fa;--color-cyan-light:#e3fdf5;--color-red:#e9546b;--color-pink:#ed6ea0;--color-orange:#ec8c69;--color-yellow:#eab700;--color-green:#0a7426;--color-aqua:#3e999f;--color-blue:#38a1db;--color-purple:#9d5b8b;--color-grey:#869194;--color-red-a1:rgba(233,84,107,0.1);--color-red-a3:rgba(233,84,107,0.3);--color-pink-a3:rgba(237,110,160,0.3);--color-pink-light-a3:rgba(255,230,250,0.3);--color-pink-light-a5:rgba(255,230,250,0.5);--color-pink-light-a7:rgba(255,230,250,0.7);--body-bg-shadow:var(--grey-2);--box-bg-shadow:var(--grey-9-a1);--text-color:var(--grey-7);--header-text-color:var(--grey-0);--primary-color:var(--color-red);--nav-bg:linear-gradient(-225deg, var(--color-cyan-light) 0, var(--color-pink-light) 100%)}.primary{--note-border:#cda0c7;--note-bg:#fdf8ff;--note-text:#8a51c0;--note-hover:#935aca}.info{--note-border:#8fa4dc;--note-bg:#f1f9ff;--note-text:#1d4974;--note-hover:#1d5fa0}.success{--note-border:#a3c293;--note-bg:#fcfff5;--note-text:#2c662d;--note-hover:#3b883c}.warning{--note-border:#c9ba9b;--note-bg:#fffbeb;--note-text:#947600;--note-hover:#ccb045}.danger{--note-border:#f4b3c1;--note-bg:#fff2f5;--note-text:#cc0f35;--note-hover:#f14668}[data-theme=dark]:root{--grey-0:#222;--grey-1:#21252b;--grey-2:#363636;--grey-3:#444;--grey-4:#666;--grey-5:#aaa;--grey-6:#ccc;--grey-7:#ddd;--grey-8:#eee;--grey-9:#f7f7f7;--grey-1-a7:rgba(34,34,34,0.7);--grey-1-a5:rgba(34,34,34,0.5);--grey-1-a3:rgba(34,34,34,0.3);--grey-1-a0:rgba(34,34,34,0);--grey-9-a1:rgba(51,51,51,0.1);--grey-2-a0:rgba(54,54,54,0);--color-pink-light:#322d31;--color-cyan-light:#2d3230;--color-red:rgba(237,118,137,0.9);--color-pink:rgba(241,139,179,0.8);--color-orange:rgba(240,163,135,0.8);--color-yellow:#ffe175;--color-green:#86c59d;--color-aqua:#97d3d6;--color-blue:#9cd0ed;--color-purple:#cfacc5;--color-grey:#c3c8ca;--body-bg-shadow:#000;--box-bg-shadow:#000;--text-color:var(--grey-5);--header-text-color:var(--grey-9)}[data-theme=dark] .primary{--note-border:rgba(123,96,119,0.8);--note-bg:rgba(50,49,50,0.8);--note-text:rgba(161,116,205,0.8);--note-hover:rgba(117,72,161,0.8)}[data-theme=dark] .info{--note-border:rgba(85,98,132,0.8);--note-bg:rgba(48,49,50,0.8);--note-text:rgba(109,164,219,0.8);--note-hover:rgba(39,127,214,0.8)}[data-theme=dark] .success{--note-border:rgba(97,116,88,0.8);--note-bg:rgba(50,50,48,0.8);--note-text:rgba(128,200,129,0.8);--note-hover:rgba(41,95,42,0.8)}[data-theme=dark] .warning{--note-border:rgba(120,111,93,0.8);--note-bg:rgba(50,50,46,0.8);--note-text:rgba(220,176,0,0.8);--note-hover:rgba(163,140,55,0.8)}[data-theme=dark] .danger{--note-border:rgba(146,107,115,0.8);--note-bg:rgba(50,48,48,0.8);--note-text:rgba(239,38,79,0.8);--note-hover:rgba(168,49,72,0.8)}[data-theme=dark] .index.wrap .card .message .btn,[data-theme=dark] .overview .menu .item,[data-theme=dark] .sidebar .tab li,[data-theme=dark] [data-background-image],[data-theme=dark] img{opacity:.75}[data-theme=dark] .index.wrap .card .message .btn:hover,[data-theme=dark] .overview .menu .item:hover,[data-theme=dark] .sidebar .tab li:hover,[data-theme=dark] [data-background-image]:hover,[data-theme=dark] img:hover{opacity:.9}[data-theme=dark] #imgs::before{background-color:rgba(0,0,0,.5)}span.aqua,span.blue,span.green,span.grey,span.orange,span.pink,span.purple,span.red,span.yellow{background:0 0!important}span.red{color:var(--color-red)}span.pink{color:var(--color-pink)}span.orange{color:var(--color-orange)}span.yellow{color:var(--color-yellow)}span.green{color:var(--color-green)}span.aqua{color:var(--color-aqua)}span.blue{color:var(--color-blue)}span.purple{color:var(--color-purple)}span.grey{color:var(--color-grey)}.links:last-child,.tabs:last-child,blockquote:last-child,img:last-child,ol:last-child,p:last-child,pre:last-child,table:last-child,ul:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{position:relative;padding-top:.625rem}h1:hover .anchor::after,h1:hover .anchor::before,h2:hover .anchor::after,h2:hover .anchor::before,h3:hover .anchor::after,h3:hover .anchor::before,h4:hover .anchor::after,h4:hover .anchor::before,h5:hover .anchor::after,h5:hover .anchor::before,h6:hover .anchor::after,h6:hover .anchor::before{color:var(--primary-color)}h1::after{content:'';display:block;box-sizing:unset;width:100%;height:.0625rem;background:var(--grey-3);padding-right:1.25rem;margin-left:-1.25rem;margin-top:.3125rem}.anchor{border-bottom-style:none;color:var(--grey-4);float:right;margin-left:.625rem}.anchor:hover{color:inherit}.anchor::after,.anchor::before{color:var(--grey-4);position:absolute;font-weight:400}.active .anchor::after,.active .anchor::before{color:var(--primary-color)}p{margin:0 0 .8rem}blockquote{font-size:90%;background-color:var(--grey-2);margin:1.25rem 0;border-radius:.1875rem}blockquote ul{margin:.625rem 0!important}blockquote ul li::before{width:.375rem!important;height:.375rem!important;top:.6875rem!important}blockquote p{margin:0!important}.video-container,iframe{margin-bottom:1.25rem}.image-info{display:block;text-align:center;font-size:$font-size-smaller;color:var(--grey-4)}.video-container{height:0;overflow:hidden;padding-top:75%;position:relative;width:100%}.video-container embed,.video-container iframe,.video-container object{height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.kbd,kbd{background-color:var(--grey-1);background-image:linear-gradient(var(--grey-2),var(--grey-0),var(--grey-2));border:.0625rem solid var(--grey-4);border-radius:.2rem;box-shadow:.1rem .1rem .2rem var(--grey-9-a1);font-family:inherit;padding:.1rem .3rem;white-space:nowrap}mark{background-color:#dbfdad}ins{--line-color:var(--note-hover, var(--primary-color));text-decoration:none;border-bottom:.125rem solid var(--line-color)}ins.wavy{text-decoration-style:wavy;text-decoration-line:underline;text-decoration-color:var(--line-color);border-bottom:none}ins.dot{border-bottom:.2rem dotted var(--line-color)}s{color:var(--grey-5);text-decoration-color:var(--note-hover,var(--grey-5))}ruby{padding:0 .3125rem}.katex-display{overflow-x:scroll;overflow-y:hidden}.spoiler:not(.bulr){background-color:var(--text-color);color:var(--text-color);text-shadow:none;transition:color .3s;padding:0 .1875rem}.spoiler:not(.bulr):hover{color:#fff}.bulr,.rainbow{color:transparent}.bulr{text-shadow:rgba(0,0,0,.7) 0 0 .625rem}.rainbow{background-image:linear-gradient(to left,#ff4500,orange,gold,#90ee90,#0ff,#1e90ff,#9370db,#ff69b4,#ff4500);background-size:110vw;background-clip:text;animation:rainbow 60s linear infinite}.anchor::after,.anchor::before{content:'H';font-family:$font-family-posts;left:-1.875rem;top:1rem;width:1.25rem;height:1.5625rem;text-align:right;visibility:visible;font-size:80%}.anchor::after{font-size:50%;left:-1.375rem;line-height:3}h1 .anchor::after{content:" 1 "}h2 .anchor::after{content:" 2 "}h3 .anchor::after{content:" 3 "}h4 .anchor::after{content:" 4 "}h5 .anchor::after{content:" 5 "}h6 .anchor::after{content:" 6 "}@-moz-keyframes rainbow{to{background-position:-2000vw}}@-webkit-keyframes rainbow{to{background-position:-2000vw}}@-o-keyframes rainbow{to{background-position:-2000vw}}@keyframes rainbow{to{background-position:-2000vw}}#artDetail .note.danger::before,#artDetail .note.default::before,#artDetail .note.info::before,#artDetail .note.primary::before,#artDetail .note.success::before,#artDetail .note.warning::before,#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after,#artDetail ol>li.quiz>ul.options li.wrong::after,#artDetail ul li.task-list-item input[type=checkbox]+label::before,#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before,.ico-fa-angle-double-down:before,.ico-fa-angle-double-left:before,.ico-fa-angle-double-right:before,.ico-fa-angle-double-up:before,.ico-fa-angle-down:before,.ico-fa-angle-left:before,.ico-fa-angle-right:before,.ico-fa-angle-up:before,.ico-fa-arrow-alt-circle-down:before,.ico-fa-arrow-alt-circle-left:before,.ico-fa-arrow-alt-circle-right:before,.ico-fa-arrow-alt-circle-up:before,.ico-fa-arrow-circle-down:before,.ico-fa-arrow-circle-left:before,.ico-fa-arrow-circle-right:before,.ico-fa-arrow-circle-up:before,.ico-fa-arrow-down:before,.ico-fa-arrow-left:before,.ico-fa-arrow-right:before,.ico-fa-arrow-up:before,.ico-fa-arrows-alt-h:before,.ico-fa-arrows-alt-v:before,.ico-fa-arrows-alt:before,.ico-fa-backward:before,.ico-fa-check-circle:before,.ico-fa-check-double:before,.ico-fa-check-square:before,.ico-fa-check:before,.ico-fa-exclamation-circle:before,.ico-fa-exclamation-triangle:before,.ico-fa-exclamation:before,.ico-fa-first-order-alt:before,.ico-fa-first-order:before,.ico-fa-forward:before,.ico-fa-info-circle:before,.ico-fa-minus-circle:before,.ico-fa-minus-square:before,.ico-fa-minus:before,.ico-fa-pause-circle:before,.ico-fa-play-circle:before,.ico-fa-play:before,.ico-fa-plus-circle:before,.ico-fa-plus-square:before,.ico-fa-random:before,.ico-fa-times-circle:before,.ico-fa-times:before,.ico-fa-truck-loading:before,.ico-fa-truck-monster:before,.ico-fa-truck-moving:before,.ico-fa-truck-pickup:before,.ico-fa-truck:before,.ico-fa-volume-down:before,.ico-fa-volume-mute:before,.ico-fa-volume-off:before,.ico-fa-volume-up:before,.ico-fas,.player-info .backward::before,.player-info .forward::before,.player-info .mode.loop::before,.player-info .mode.order::before,.player-info .mode.random::before,.player-info .play-pause::before,.player-info .volume.off::before,.player-info .volume.on::before,.player-info ol>li.current::before,.playing .player-info .play-pause::before,.tabs .show-btn::before,details summary::before,details[open] summary::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:2;font-family:'Font Awesome 5 Free';font-weight:900}#artDetail dl dt::marker,#artDetail ul li.task-list-item input[type=checkbox],#artDetail ul>li::marker{display:none}.ico-fa-pause-circle:before,.playing .player-info .play-pause::before{content:'\f28b'}.ico-fa-forward:before,.player-info .forward::before{content:'\f04e'}.ico-fa-first-order:before,.player-info .mode.order::before{content:'\f2b0'}.ico-fa-first-order-alt:before{content:'\f50a'}.ico-fa-play:before,.player-info ol>li.current::before{content:'\f04b'}.ico-fa-play-circle:before,.player-info .play-pause::before{content:'\f144'}.ico-fa-truck:before{content:'\f0d1'}.ico-fa-truck-loading:before,.player-info .mode.loop::before{content:'\f4de'}.ico-fa-truck-monster:before{content:'\f63b'}.ico-fa-truck-moving:before{content:'\f4df'}.ico-fa-truck-pickup:before{content:'\f63c'}.ico-fa-random:before,.player-info .mode.random::before{content:'\f074'}.ico-fa-volume-down:before{content:'\f027'}.ico-fa-volume-mute:before,.player-info .volume.on::before{content:'\f6a9'}.ico-fa-volume-off:before,.player-info .volume.off::before{content:'\f026'}.ico-fa-volume-up:before{content:'\f028'}.ico-fa-backward:before,.player-info .backward::before{content:'\f04a'}.ico-fa-minus:before{content:'\f068'}#artDetail .note.danger::before,.ico-fa-minus-circle:before{content:'\f056'}.ico-fa-minus-square:before{content:'\f146'}.ico-fa-exclamation:before{content:'\f12a'}#artDetail .note.warning::before,.ico-fa-exclamation-circle:before{content:'\f06a'}.ico-fa-exclamation-triangle:before{content:'\f071'}#artDetail .note.info::before,.ico-fa-info-circle:before{content:'\f05a'}#artDetail .note.primary::before,.ico-fa-plus-circle:before{content:'\f055'}.ico-fa-plus-square:before{content:'\f0fe'}.ico-fa-arrow-alt-circle-down:before{content:'\f358'}.ico-fa-arrow-alt-circle-left:before{content:'\f359'}.ico-fa-arrow-alt-circle-right:before{content:'\f35a'}.ico-fa-arrow-alt-circle-up:before{content:'\f35b'}.ico-fa-arrow-circle-down:before{content:'\f0ab'}.ico-fa-arrow-circle-left:before{content:'\f0a8'}#artDetail .note.default::before,.ico-fa-arrow-circle-right:before{content:'\f0a9'}.ico-fa-arrow-circle-up:before{content:'\f0aa'}.ico-fa-arrow-down:before{content:'\f063'}.ico-fa-arrow-left:before{content:'\f060'}.ico-fa-arrow-right:before{content:'\f061'}.ico-fa-arrow-up:before,.tabs .show-btn::before{content:'\f062'}.ico-fa-arrows-alt:before{content:'\f0b2'}.ico-fa-arrows-alt-h:before{content:'\f337'}.ico-fa-arrows-alt-v:before{content:'\f338'}.ico-fa-angle-double-down:before{content:'\f103'}.ico-fa-angle-double-left:before{content:'\f100'}.ico-fa-angle-double-right:before{content:'\f101'}.ico-fa-angle-double-up:before{content:'\f102'}.ico-fa-angle-down:before,details[open] summary::before{content:'\f107'}.ico-fa-angle-left:before{content:'\f104'}.ico-fa-angle-right:before,details summary::before{content:'\f105'}.ico-fa-angle-up:before{content:'\f106'}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz>ul.options li.wrong::after,.ico-fa-times:before{content:'\f00d'}#artDetail ul li.task-list-item input[type=checkbox]+label::before,.ico-fa-times-circle:before{content:'\f057'}#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after,.ico-fa-check:before{content:'\f00c'}#artDetail .note.success::before,#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before,.ico-fa-check-circle:before{content:'\f058'}.ico-fa-check-double:before{content:'\f560'}.ico-fa-check-square:before{content:'\f14a'}#artDetail li{position:relative;margin:.2rem 0}#artDetail li p{margin:0 0 .5em}#artDetail .options .right{float:unset!important}#artDetail dl,#artDetail ol,#artDetail ul{margin:0 0 .8em;padding:.1em .2em .1em 1.4em}#artDetail dl dt,#artDetail ul>li{left:-1em;list-style-type:none}#artDetail dl dt::before,#artDetail ul>li::before{content:"";background:0 0!important}#artDetail dl dt.ruby::before,#artDetail ul>li.ruby::before{top:1.25em}#artDetail dl dt:hover::before,#artDetail ul>li:hover::before{background:var(--color-pink)}#artDetail ol:not([start]){counter-reset:counter}#artDetail ol>li::before{counter-increment:counter;content:counter(counter);position:absolute;width:1.4em;height:1.4em;border-radius:50%;text-align:center;font-size:.8em;line-height:1.4;top:.5em;left:-1.8em;background:var(--primary-color);color:var(--grey-1);cursor:pointer}#artDetail ol>li.ruby::before{top:.3em}#artDetail ol>li:hover::before{color:var(--grey-1);background:var(--color-pink)}#artDetail dl dt{position:relative}#artDetail dl dd{padding-left:.9375em}#artDetail ul li.task-list-item input[type=checkbox]+label::before{color:var(--grey-4);display:inline-block;margin-right:.625em}#artDetail ul li.task-list-item input[type=checkbox]:checked+label::before{color:var(--note-text,var(--primary-color))}#artDetail li ul>li::before{background:var(--grey-1)}#artDetail li ol>li::before{content:counter(counter) ".";background:0 0;color:var(--primary-color);font-size:1em;line-height:1}#artDetail li ol>li:hover::before{background:0 0;color:var(--color-pink)}#artDetail ol>li.quiz.show.true::before,#artDetail ol>li.quiz>ul.options li.right::before{color:var(--color-green)!important}#artDetail ol>li.quiz.show.true::after,#artDetail ol>li.quiz>ul.options li.right::after{color:var(--color-green)!important;animation:fadeIn .5s!important}#artDetail ol>li.quiz.show.false::before,#artDetail ol>li.quiz>ul.options li.wrong::before{color:var(--color-red)!important}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz>ul.options li.wrong::after{color:var(--color-red)!important;animation:fadeIn .5s!important}#artDetail ol>li.quiz{margin:.625rem 0!important}#artDetail ol>li.quiz::before{display:none}#artDetail ol>li.quiz.ruby::before{top:.5rem}#artDetail ol>li.quiz>p{margin:0;cursor:pointer}#artDetail ol>li.quiz>p:first-child::before{content:'[' attr(data-type) ']';font-size:$font-size-smallest;color:var(--grey-4);margin:auto .3125rem}#artDetail ol>li.quiz .gap{display:inline-block;min-width:2.5rem;text-align:center;padding:0 .625rem;text-indent:-624.9375rem}#artDetail ol>li.quiz .gap::after{display:block;content:'';background:var(--text-color);width:calc(100% + 1.25rem);height:.0625rem;margin-bottom:-.0625rem;margin-left:-.625rem}#artDetail ol>li.quiz.show.fill .gap{text-indent:0}#artDetail ol>li.quiz blockquote{display:none}#artDetail ol>li.quiz blockquote .mistake{display:block;border:.1875rem dashed var(--grey-4);padding:.625rem 1.25rem;background:var(--grey-3);margin:.3125rem}#artDetail ol>li.quiz blockquote .mistake::before{display:block;content:'[' attr(data-type) ']';font-size:$font-size-smaller;color:var(--grey-4)}#artDetail ol>li.quiz .note{display:none;padding:0;margin:0;background:0 0;border:none;border-radius:inherit;color:unset;font-size:inherit;filter:unset}#artDetail ol>li.quiz.show .note,#artDetail ol>li.quiz.show blockquote{display:block}#artDetail ol>li.quiz ul.options{padding-inline-start:.625rem}#artDetail ol>li.quiz ul.options li::before{color:var(--color-grey);margin-right:.625rem}#artDetail ol>li.quiz ul.options li:nth-child(1)::before{content:'A.'}#artDetail ol>li.quiz ul.options li:nth-child(2)::before{content:'B.'}#artDetail ol>li.quiz ul.options li:nth-child(3)::before{content:'C.'}#artDetail ol>li.quiz ul.options li:nth-child(4)::before{content:'D.'}#artDetail ol>li.quiz ul.options li:nth-child(5)::before{content:'E.'}#artDetail ol>li.quiz ul.options li:nth-child(6)::before{content:'F.'}#artDetail ol>li.quiz ul.options li:nth-child(7)::before{content:'G.'}#artDetail ol>li.quiz ul.options li:nth-child(8)::before{content:'H.'}#artDetail ol>li.quiz ul.options li:nth-child(9)::before{content:'I.'}#artDetail ol>li.quiz ul.options li:nth-child(10)::before{content:'J.'}#artDetail ol>li.quiz ul.options li:nth-child(11)::before{content:'K.'}#artDetail ol>li.quiz ul.options li:nth-child(12)::before{content:'L.'}#artDetail ol>li.quiz ul.options li:nth-child(13)::before{content:'M.'}#artDetail ol>li.quiz ul.options li:nth-child(14)::before{content:'N.'}#artDetail ol>li.quiz ul.options li:nth-child(15)::before{content:'O.'}#artDetail ol>li.quiz ul.options li:nth-child(16)::before{content:'P.'}#artDetail ol>li.quiz ul.options li:nth-child(17)::before{content:'Q.'}#artDetail ol>li.quiz ul.options li:nth-child(18)::before{content:'R.'}#artDetail ol>li.quiz ul.options li:nth-child(19)::before{content:'S.'}#artDetail ol>li.quiz ul.options li:nth-child(20)::before{content:'T.'}#artDetail ol>li.quiz ul.options li:nth-child(21)::before{content:'U.'}#artDetail ol>li.quiz ul.options li:nth-child(22)::before{content:'V.'}#artDetail ol>li.quiz ul.options li:nth-child(23)::before{content:'W.'}#artDetail ol>li.quiz ul.options li:nth-child(24)::before{content:'X.'}#artDetail ol>li.quiz ul.options li:nth-child(25)::before{content:'Y.'}#artDetail ol>li.quiz ul.options li:nth-child(26)::before{content:'Z.'}#artDetail ol>li.quiz>ul.options li{cursor:pointer}#artDetail ol>li.quiz>ul.options li::after{position:absolute;left:-1.5625rem;top:0}#artDetail ol>li.quiz.show.false::before,#artDetail ol>li.quiz.show.true::before{visibility:hidden}#artDetail ol>li.quiz.show.false::after,#artDetail ol>li.quiz.show.true::after{position:absolute;left:-1.2rem;top:.25rem}.links{display:flex;flex-wrap:wrap;font-size:.9rem}.links .item{position:relative;display:inline-flex;justify-self:center;align-items:center;line-height:1.5;width:calc(50% - 2rem);padding:.5rem 1rem;margin:1rem;--bg-color:var(--block-color, #666)}.links .item .image{display:block;width:4rem;height:4rem;border-radius:.9375rem;background:center no-repeat var(--grey-1);background-size:contain;flex-shrink:0;border:none}.links .item .info{padding-left:1rem}.links .item .title{margin:.5rem 0;font-family:$font-family-title;font-weight:700;color:var(--bg-color);border:none}.links .item:hover,.links .item:hover .title{color:var(--header-text-color)}.links .item .title .ic{display:none}.links .item .desc{font-size:$font-size-smallest;margin:.5rem 0}.links .item:hover{background-color:var(--bg-color);box-shadow:0 .125rem 1.25rem var(--bg-color);border-color:var(--bg-color)}.links .item:hover .image{mix-blend-mode:normal;background-color:var(--bg-color)}#artDetail .note{border-radius:.1875rem;margin:1rem 0;padding:1rem 1rem 1rem 2.5rem;position:relative;background:var(--note-bg,var(--grey-2));color:var(--grey-6);border-left:.25rem solid var(--note-border,var(--grey-4));font-size:$font-size-small;--primary-color:var(--note-text)}details summary,details[open]{background:var(--note-bg,none);border-radius:.25rem}#artDetail .note::before{position:absolute;left:.5rem;top:calc(50% - 1.5rem);font-size:1.5rem;color:var(--note-text,var(--grey-6))}.audio .cover,.audio .preview .lrc,.media-container,.player-info .volume,.player-info ol,.player-info ol>li.current,.player-info ol>li::before,.tabs,.tabs .nav li{position:relative}#artDetail .note.no-icon{padding-left:1rem}details summary,details>div{padding:.625rem}#artDetail .note.no-icon::before{content:none}::-webkit-details-marker{display:none}details>summary:first-of-type{list-style-type:none}details summary{outline:0;cursor:pointer;transition:all .4s ease}details summary::before{color:var(--grey-4);margin-right:.5rem}details.danger,details.info,details.primary,details.success,details.warning,details[open]>div{margin:0 0 .8rem}details.danger summary,details.danger summary::before,details.info summary,details.info summary::before,details.primary summary,details.primary summary::before,details.success summary,details.success summary::before,details.warning summary,details.warning summary::before{color:var(--note-text)}details[open]{color:var(--grey-6)}details[open] summary{background:var(--note-hover,var(--grey-2));border-radius:.25rem}details[open] summary::before{color:var(--primary-color)}details[open].danger,details[open].info,details[open].primary,details[open].success,details[open].warning{color:var(--note-text)}details[open].danger>summary,details[open].info>summary,details[open].primary>summary,details[open].success>summary,details[open].warning>summary{color:#fff;border-radius:.25rem .25rem 0 0}details[open].danger>summary::before,details[open].info>summary::before,details[open].primary>summary::before,details[open].success>summary::before,details[open].warning>summary::before{color:#fff}span.label{display:inline;border-radius:.3rem;border:.0625rem solid;padding:.2rem .3rem;font-family:$font-family-monospace;font-size:$font-size-medium;background:var(--note-bg,var(--grey-2));border-color:var(--note-border,var(--grey-4));color:var(--note-text,var(--grey-6))}.tabs{display:block}.tabs .nav{overflow:hidden;border-bottom:.0625rem solid var(--grey-1-a7);height:2.6875rem}.tabs .nav ul{display:flex;padding:0;white-space:nowrap;overflow-x:auto}.tabs .nav li{cursor:pointer;border:none;display:inline-block;padding:.3125rem 1.25rem;margin:0}.tabs .nav li::before{content:"";position:absolute;left:50%;right:50%;top:auto;bottom:0;transition:all .2s ease-in-out;width:auto;height:auto;background:0 0;border-radius:0;border-bottom:.125rem solid transparent}.tabs .nav li.active::before{left:0;right:0;border-bottom-color:var(--note-hover,var(--primary-color))}.tabs .tab{display:none}.tabs .tab.active{display:block}.tabs .show-btn{position:absolute;cursor:pointer;right:0;bottom:0;width:2.875rem;height:2.875rem;text-align:center;color:var(--grey-4);z-index:$zindex-1}#artDetail .tabs{margin:0 0 2rem}#artDetail .tabs .tab{padding:1.25rem}#artDetail .note h2,#artDetail .note h3,#artDetail .note h4,#artDetail .note h5,#artDetail .note h6,#artDetail details h2,#artDetail details h3,#artDetail details h4,#artDetail details h5,#artDetail details h6{margin-top:.1875rem;border-bottom:initial;margin-bottom:0;padding-top:0}#artDetail .note p,#artDetail details p{line-height:1.8}#artDetail .note a:not(.btn),#artDetail details a:not(.btn){color:var(--note-hover);border-bottom:.0625rem dashed var(--note-text)}#artDetail .note a:not(.btn):hover,#artDetail details a:not(.btn):hover{color:var(--note-text);border-bottom-color:var(--note-text)}#artDetail .note ul li::before,#artDetail details ul li::before{background:var(--note-text)}#artDetail .note ol li:before,#artDetail details ol li:before{background:var(--note-text)!important;width:.8rem;height:.8rem;font-size:.45rem;line-height:.8rem;top:.4rem;left:-1.2rem}.media-container{overflow:hidden;margin-bottom:2rem}.player-info{color:var(--text-color);font-size:$font-size-base;min-width:16.25rem}.player-info .tabs{border:none;box-shadow:none}.player-info .tabs .show-btn{display:none}.player-info .tabs .tab{padding:0}.player-info .controller{cursor:pointer;font-size:$font-size-larger;display:flex;justify-content:space-around;align-items:center;text-align:center}.player-info .controller .btn{color:var(--grey-6);width:18%}.player-info .controller .btn:hover{color:var(--color-pink)}.player-info .play-pause{font-size:130%}.player-info .volume .bar{position:absolute;height:.25rem;background:var(--color-pink-a3);bottom:0;left:0}.player-info .volume.off .bar{height:0}.player-info .playlist{border-top:.125rem solid var(--grey-9-a1)}.player-info ol{font-size:$font-size-smaller;padding:.3125rem 0;margin:.625rem 0 0;height:12.5rem;overflow-x:scroll;counter-reset:counter}.player-info ol::-webkit-scrollbar{width:.1875rem;height:.1875rem}.player-info ol>li{display:flex;padding:.3125rem .9375rem .3125rem 1.5625rem;cursor:pointer;height:2rem;overflow:hidden}.player-info ol>li.error{opacity:.5;text-decoration-line:line-through}.player-info ol>li::before{height:auto;background:0 0!important;border:none!important;top:0!important;left:0!important;font-size:inherit;line-height:inherit;margin-left:-1.25rem;width:1.875rem;counter-increment:counter;content:counter(counter);text-align:right;padding-right:.3125rem;color:var(--grey-5)}.audio .preview .info span,.audio .preview .lrc{font-size:$font-size-smallest}.player-info ol>li .info{display:block;width:100%}.player-info ol>li .info span:nth-child(2){float:right;margin-left:.625rem;color:var(--grey-5)}.player-info ol>li.current{color:var(--primary-color)}.player-info ol>li.current::before{color:currentColor}.player-info ol>li.current .progress .bar{position:absolute;height:100%;background:var(--color-pink-a3);top:0;left:0}.player-info ol>li.current .progress::before{content:attr(data-ptime) " / " attr(data-dtime);color:var(--grey-5);position:absolute;right:0;padding:0 .3rem}.player-info ol>li.current .progress.seeking::before{color:currentColor}.player-info ol>li.current .info{padding-right:5rem;user-select:none}.player-info ol>li.current .info span:nth-child(2){display:none}.player-info ol>li:hover{background-color:var(--grey-1-a7)}.player-info ol>li:hover::before{color:var(--primary-color)}.video{border-radius:0 0 .5rem .5rem}.audio .preview{display:flex;align-items:center;padding:1.25rem 1.25rem 0}.audio .preview .info{display:flex;flex-direction:column;margin-left:.625rem;padding:.625rem;text-overflow:ellipsis;overflow:hidden;width:100%}.audio .preview .info h4{margin:0;text-overflow:ellipsis;max-height:3rem;padding:0;overflow:hidden}.audio .preview .lrc{max-height:4rem;margin-top:.3125rem;text-align:center;overflow:hidden}.audio .preview .lrc .inner{width:100%;transition:all .5s ease-out}.audio .preview .lrc p{font-size:.75rem;color:var(--grey-6);line-height:1rem!important;height:1rem!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.3;overflow:hidden}.audio .preview .lrc p.current{opacity:1;overflow:visible;height:auto!important;min-height:1rem}.audio .cover{flex-shrink:0;cursor:pointer}.audio .cover .disc::after,.audio .cover::before{content:"";position:absolute}.audio .cover::before{z-index:1;background:url(../images/play_needle.png) center/contain no-repeat;width:3.4375rem;height:5.1875rem;top:-1.5625rem;left:-1.5625rem;transform:rotateZ(-60deg);animation:rotate-needle-pause .5s 1 normal linear forwards;transform-origin:.625rem .625rem}.audio .cover .disc{animation:rotate 20s linear infinite;animation-play-state:paused;padding:1.5rem;max-height:144px}.audio .cover .disc::after{background:url(../images/play_disc.png) center/contain no-repeat;z-index:1;width:100%;height:100%;top:0;left:0}.audio .cover img{object-fit:contain;width:6rem;height:6rem;border-radius:50%}.audio.playing .cover::before{animation:rotate-needle-resume .5s 1 normal linear forwards}.audio.playing .cover .disc{animation-play-state:running}</style><script src=https://code.jquery.com/jquery-3.6.0.min.js></script><meta name=generator content="Hexo 5.4.0"></head><body><script>const LOCAL={quiz:{choice:"单选题",multiple:"多选题",true_false:"判断题",essay:"问答题",gap_fill:"填空题",mistake:"错题备注"}};</script><header class=navbar-fixed><nav id=headNav class="bg-color nav-transparent"><div id=navContainer class="nav-wrapper container"><div class=brand-logo><a href="/" class="waves-effect waves-light"><img src=/favico.png class=logo-img alt=LOGO> <span class=logo-span>Frida&#39;s Space</span></a></div><a href=# data-target=mobile-nav class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a><ul class="right nav-menu"><li class="hide-on-med-and-down nav-item"><a href="/" class="waves-effect waves-light"><i class="fas fa-home" style="zoom: 0.6;"></i> <span>首页</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/tags class="waves-effect waves-light"><i class="fas fa-tags" style="zoom: 0.6;"></i> <span>标签</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/categories class="waves-effect waves-light"><i class="fas fa-bookmark" style="zoom: 0.6;"></i> <span>分类</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/archives class="waves-effect waves-light"><i class="fas fa-archive" style="zoom: 0.6;"></i> <span>归档</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/about class="waves-effect waves-light"><i class="fas fa-user-circle" style="zoom: 0.6;"></i> <span>关于</span></a></li><li class="hide-on-med-and-down nav-item"><a href=/friends class="waves-effect waves-light"><i class="fas fa-address-book" style="zoom: 0.6;"></i> <span>友情链接</span></a></li><li><a href=#searchModal class="modal-trigger waves-effect waves-light tooltipped" data-position=bottom data-tooltip=搜索><i id=searchIcon class="fas fa-search" title=搜索 style="zoom: 0.85;"></i></a></li><li><a href="javascript:daovoice('openMessages')" class="waves-effect waves-light tooltipped" data-position=bottom data-tooltip=反馈><i class="fas fa-comments" style="zoom: 0.6;"></i></a></li></ul><div id=mobile-nav class="side-nav sidenav"><div class="mobile-head bg-color"><img src=/favico.png class="logo-img circle responsive-img"><div class=logo-name>Frida&#39;s Space</div><div class=logo-desc>I am Frida</div></div><ul class="menu-list mobile-menu-list"><li class=m-nav-item><a href="/" class="waves-effect waves-light"><i class="fa-fw fas fa-home"></i> 首页</a></li><li class=m-nav-item><a href=/tags class="waves-effect waves-light"><i class="fa-fw fas fa-tags"></i> 标签</a></li><li class=m-nav-item><a href=/categories class="waves-effect waves-light"><i class="fa-fw fas fa-bookmark"></i> 分类</a></li><li class=m-nav-item><a href=/archives class="waves-effect waves-light"><i class="fa-fw fas fa-archive"></i> 归档</a></li><li class=m-nav-item><a href=/about class="waves-effect waves-light"><i class="fa-fw fas fa-user-circle"></i> 关于</a></li><li class=m-nav-item><a href=/friends class="waves-effect waves-light"><i class="fa-fw fas fa-address-book"></i> 友情链接</a></li></ul></div></div></nav></header><div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/12.jpg')"><div class=container style="right: 0px;left: 0px;"><div class=row><div class="col s12 m12 l12"><div class=brand><h1 class="description center-align post-title">测试基本样式</h1></div></div></div></div></div><main class="post-container content"><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.2/tocbot.min.css><style>#articleContent h1::before,#articleContent h2::before,#articleContent h3::before,#articleContent h4::before,#articleContent h5::before,#articleContent h6::before{display:block;content:" ";height:100px;margin-top:-100px;visibility:hidden}#articleContent :focus{outline:0}.toc-fixed{position:fixed;top:64px}.toc-widget{width:345px;padding-left:20px}.toc-widget .toc-title{padding:35px 0 15px 17px;font-size:1.5rem;font-weight:700;line-height:1.5rem}.toc-widget ol{padding:0;list-style:none}#toc-content{padding-bottom:30px;overflow:auto}#toc-content ol{padding-left:10px}#toc-content ol li{padding-left:10px}#toc-content .toc-link:hover{color:#42b983;font-weight:700;text-decoration:underline}#toc-content .toc-link::before{background-color:transparent;max-height:25px;position:absolute;right:23.5vw;display:block}#toc-content .is-active-link{color:#42b983}#floating-toc-btn{position:fixed;right:15px;bottom:76px;padding-top:15px;margin-bottom:0;z-index:998}#floating-toc-btn .btn-floating{width:48px;height:48px}#floating-toc-btn .btn-floating i{line-height:48px;font-size:1.4rem}</style><div class=row><div id=main-content class="col s12 m12 l9"><div id=artDetail><div class=card><div class="card-content article-info"><div class="row tag-cate"><div class="col s7"><div class=article-tag><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div><div class="col s5 right-align"><div class=post-cate><i class="fas fa-bookmark fa-fw icon-category"></i> <a href="/categories/%E6%8A%98%E8%85%BE/" class=post-category>折腾</a></div></div></div><div class=post-info><div class="post-date info-break-policy"><i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp; 2021-02-10</div><div class="post-date info-break-policy"><i class="far fa-calendar-check fa-fw"></i>更新日期:&nbsp;&nbsp; 2021-02-28</div><div class=info-break-policy><i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp; 362</div><div class=info-break-policy><i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp; 1 分</div></div></div><hr class=clearfix><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-tomorrow.min.css><div class="card-content article-card-content"><div id=articleContent><p>主题开发过程中测试 Markdown 解析后效果专用文档</p><span id=more></span><h1 id=标题测试><a class=markdownIt-Anchor href=#标题测试>#</a> 标题测试</h1><h2 id=二标题><a class=markdownIt-Anchor href=#二标题>#</a> 二标题</h2><h3 id=三标题><a class=markdownIt-Anchor href=#三标题>#</a> 三标题</h3><h4 id=四标题><a class=markdownIt-Anchor href=#四标题>#</a> 四标题</h4><h5 id=5标题><a class=markdownIt-Anchor href=#5标题>#</a> ⑤标题</h5><h6 id=6标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试><a class=markdownIt-Anchor href=#6标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试>#</a> ⑥标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试标题超长测试</h6><h1 id=引用测试><a class=markdownIt-Anchor href=#引用测试>#</a> 引用测试</h1><blockquote><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></blockquote><h1 id=代码块测试><a class=markdownIt-Anchor href=#代码块测试>#</a> 代码块测试</h1><h2 id=java><a class=markdownIt-Anchor href=#java>#</a> Java</h2><pre class="line-numbers language-java" data-language=java><code class=language-java><span class="token keyword">public</span> <span class="token keyword">static</span> <span class="token keyword">void</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token class-name">String</span><span class="token punctuation">[</span><span class="token punctuation">]</span> args<span class="token punctuation">)</span><span class="token punctuation">&#123;</span>
    <span class="token class-name">System</span><span class="token punctuation">.</span>out<span class="token punctuation">.</span><span class="token function">println</span><span class="token punctuation">(</span><span class="token string">"代码块测试"</span><span class="token punctuation">)</span>
<span class="token punctuation">&#125;</span><span aria-hidden=true class=line-numbers-rows><span></span><span></span><span></span></span></code></pre><h2 id=html><a class=markdownIt-Anchor href=#html>#</a> HTML</h2><pre class="line-numbers language-html" data-language=html><code class=language-html><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>zh<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>has-navbar-fixed-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>main</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container mt-4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>columns is-flex-direction-row<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>column is-three-quarters is-justify-content-center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>aside</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>column<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>aside</span><span class="token punctuation">></span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>main</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span><span aria-hidden=true class=line-numbers-rows><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><h1 id=普通文本测试><a class=markdownIt-Anchor href=#普通文本测试>#</a> 普通文本测试</h1><h2 id=粗体><a class=markdownIt-Anchor href=#粗体>#</a> 粗体</h2><p><strong>这是粗体文字</strong>，混合在正常文本内</p><h2 id=斜体><a class=markdownIt-Anchor href=#斜体>#</a> 斜体</h2><p><em>这是斜体文字</em>，混合在正常文本内</p><h2 id=删除线><a class=markdownIt-Anchor href=#删除线>#</a> 删除线</h2><p><sub>这是删除文字</sub>，混合在正常文本内</p><h2 id=下划线><a class=markdownIt-Anchor href=#下划线>#</a> 下划线</h2><p><u>这是下划线文字</u>，混合在正常文本内</p><h2 id=内嵌代码块><a class=markdownIt-Anchor href=#内嵌代码块>#</a> 内嵌代码块</h2><p>内部的 <code>代码</code> 片段</p><h1 id=多媒体><a class=markdownIt-Anchor href=#多媒体>#</a> 多媒体</h1><h2 id=普通链接><a class=markdownIt-Anchor href=#普通链接>#</a> 普通链接</h2><p><a target=_blank rel=noopener href=https://hexo.io>Hexo</a></p><h2 id=图片><a class=markdownIt-Anchor href=#图片>#</a> 图片</h2><p><img src=https://resource.frida.wang/IMG_20170812_094946.jpg alt=图片描述></p><h2 id=视频><a class=markdownIt-Anchor href=#视频>#</a> 视频</h2><video id=video controls preload=none><source id=mp4 src=http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4 type=video/mp4></video><h1 id=表格><a class=markdownIt-Anchor href=#表格>#</a> 表格</h1><table><thead><tr><th>第一列</th><th>第二列</th></tr></thead><tbody><tr><td>第一行第一列</td><td>第一行第二列</td></tr><tr><td>第二行第一列</td><td>第二行第二列</td></tr><tr><td>第三行第一列</td><td>第三行第二列</td></tr></tbody></table></div><hr><div class=tag_share style="display: block;"><div class=post-meta__tag-list style="display: inline-block;"><div class=article-tag><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div><div class=post_share style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;"><link rel=stylesheet type=text/css href=https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css><div id=article-share><div class=social-share data-sites=twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div><script src=https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js></script></div></div></div></div></div><style>.mvaline-card{margin:1.5rem auto}.mvaline-card .card-content{padding:20px 20px 5px 20px}</style><div class="card mvaline-card" data-aos=fade-up><div class=comment_headling style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;"><i class="fas fa-comments fa-fw" aria-hidden=true></i> <span>评论</span></div><div id=mvcomments class=card-content style="display: grid"></div></div><script src=https://cdn.jsdelivr.net/npm/minivaline@latest/dist/MiniValine.min.js></script><script>new MiniValine(Object.assign({enable:!0,backend:"waline",serverURL:"https://timeliar-waline.vercel.app",visitor:!0},{el:"#mvcomments"}));</script><article id=prenext-posts class="prev-next articles"><div class="row article-row"><div class="article col s12 m6" data-aos=fade-up><div class="article-badge left-badge text-color"><i class="fas fa-chevron-left"></i>&nbsp;上一篇</div><div class=card><a href="/2021/02/28/a1d41370f6fe/"><div class=card-image><img src=/medias/featureimages/21.jpg class=responsive-img alt=新文章测试> <span class=card-title>新文章测试</span></div></a><div class="card-content article-content"><div class="summary block-with-text"></div><div class=publish-info><span class=publish-date><i class="far fa-clock fa-fw icon-date"></i>2021-02-28</span> <span class=publish-author><i class="fas fa-user fa-fw"></i> Frida</span></div></div><div class="card-action article-tags"><a href="/tags/Test/"><span class="chip bg-color">Test</span></a></div></div></div><div class="article col s12 m6" data-aos=fade-up><div class="article-badge right-badge text-color">下一篇&nbsp;<i class="fas fa-chevron-right"></i></div><div class=card><a href="/2018/07/24/3ddb9b9da9f8/"><div class=card-image><img src=/medias/featureimages/22.jpg class=responsive-img alt="Markdown Style test"> <span class=card-title>Markdown Style test</span></div></a><div class="card-content article-content"><div class="summary block-with-text">This post is originated from here and is used for testing markdown style. This post contains nearly every markdown usage</div><div class=publish-info><span class=publish-date><i class="far fa-clock fa-fw icon-date"></i>2018-07-24</span> <span class=publish-author><i class="fas fa-user fa-fw"></i> Frida</span></div></div><div class="card-action article-tags"><a href="/tags/Foo/"><span class="chip bg-color">Foo</span></a> <a href="/tags/Bar/"><span class="chip bg-color">Bar</span></a></div></div></div></div></article></div><script type=text/javascript>$(function(){$("pre").wrap('<div class="code-area" style="position: relative"></div>')});</script><script type=text/javascript>$(function(){var e=$('<div class="code_lang" title="代码语言"></div>');$("pre").before(e),$("pre").each(function(){var e=$(this).attr("class");if(!e)return!0;e=e.replace("line-numbers","").trim().replace("language-","").trim(),$(this).siblings(".code_lang").text(e)})});</script><script type=text/javascript>$(function(){var e=$('<i class="fas fa-copy code_copy" title="复制代码" aria-hidden="true"></i>'),o=$('<div class="codecopy_notice"></div>');$(".code-area").prepend(e),$(".code-area").prepend(o),$(".code-area .fa-copy").on("click",function(){var e=window.getSelection(),o=document.createRange();o.selectNodeContents($(this).siblings("pre").find("code")[0]),e.removeAllRanges(),e.addRange(o),e.toString(),function(e){if(document.queryCommandSupported&&document.queryCommandSupported("copy"))try{document.execCommand("copy"),$(e).prev(".codecopy_notice").text("复制成功").animate({opacity:1,top:30},450,function(){setTimeout(function(){$(e).prev(".codecopy_notice").animate({opacity:0,top:0},650)},400)})}catch(o){return $(e).prev(".codecopy_notice").text("复制失败").animate({opacity:1,top:30},650,function(){setTimeout(function(){$(e).prev(".codecopy_notice").animate({opacity:0,top:0},650)},400)})}else $(e).prev(".codecopy_notice").text("浏览器不支持复制")}(this),e.removeAllRanges()})});</script><script type=text/javascript>$(function(){var e=$('<i class="fas fa-angle-up code-expand" aria-hidden="true"></i>');$(".code-area").prepend(e),$(".code-expand").on("click",function(){$(this).parent().hasClass("code-closed")?($(this).siblings("pre").find("code").show(),$(this).parent().removeClass("code-closed")):($(this).siblings("pre").find("code").hide(),$(this).parent().addClass("code-closed"))})});</script></div><div id=toc-aside class="expanded col l3 hide-on-med-and-down"><div class="toc-widget card" style="background-color: white;"><div class=toc-title><i class="far fa-list-alt"></i>&nbsp;&nbsp;目录</div><div id=toc-content></div></div></div></div><div id=floating-toc-btn class=hide-on-med-and-down><a class="btn-floating btn-large bg-color"><i class="fas fa-list-ul"></i></a></div><script src=https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.2/tocbot.min.js></script><script>$(function(){tocbot.init({tocSelector:"#toc-content",contentSelector:"#articleContent",headingsOffset:-(.4*$(window).height()-45),collapseDepth:Number("0"),headingSelector:"h2, h3, h4"});let t=0;$("#toc-content a").each(function(){$(this).attr("href","#toc-heading-"+ ++t)}),t=0,$("#articleContent").children("h2, h3, h4").each(function(){$(this).attr("id","toc-heading-"+ ++t)});let e=parseInt(.4*$(window).height()-64),n=$(".toc-widget");$(window).scroll(function(){$(window).scrollTop()>e?n.addClass("toc-fixed"):n.removeClass("toc-fixed")});let o=$("#toc-aside"),i=$("#main-content");$("#floating-toc-btn .btn-floating").click(function(){o.hasClass("expanded")?(o.removeClass("expanded").hide(),i.removeClass("l9")):(o.addClass("expanded").show(),i.addClass("l9")),function(t,e){let n=$("#"+t);if(0===n.length)return;let o=n.width();o+=o>=450?21:o>=350&&o<450?18:o>=300&&o<350?16:14,$("#"+e).width(o)}("artDetail","prenext-posts")})});</script></main><footer class="page-footer bg-color"><div class="container row center-align" style="margin-bottom: 15px !important;"><div class="col s12 m8 l8 copy-right">Copyright&nbsp;&copy; <span id=year>2020-2021</span> <a href=/about target=_blank>Frida</a> |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target=_blank>Hexo</a> |&nbsp;Theme&nbsp;<a href=https://github.com/timeliar/hexo-theme-matery target=_blank>Matery</a> |&nbsp;Fork From&nbsp;<a href=https://github.com/blinkfox/hexo-theme-matery target=_blank>Matery</a><br>&nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span class=white-color>1.9k</span>&nbsp;字<span id=sitetime>载入运行时间...</span><script>function siteTime(){var e=new Date,t=e.getFullYear(),n=e.getMonth()+1,o=e.getDate(),r=e.getHours(),a=e.getMinutes(),i=e.getSeconds(),l=Date.UTC("2020","2","1","0","0","0"),m=Date.UTC(t,n,o,r,a,i)-l,M=Math.floor(m/31536e6),g=Math.floor(m/864e5-365*M),d=Math.floor((m-864e5*(365*M+g))/36e5),s=Math.floor((m-864e5*(365*M+g)-36e5*d)/6e4),u=Math.floor((m-864e5*(365*M+g)-36e5*d-6e4*s)/1e3);"2020"==t?(document.getElementById("year").innerHTML=t,document.getElementById("sitetime").innerHTML="本站已安全运行 "+g+" 天 "+d+" 小时 "+s+" 分钟 "+u+" 秒"):(document.getElementById("year").innerHTML="2020 - "+t,document.getElementById("sitetime").innerHTML="本站已安全运行 "+M+" 年 "+g+" 天 "+d+" 小时 "+s+" 分钟 "+u+" 秒")}setInterval(siteTime,1e3);</script><br><span id=icp><img src=/medias/icp.png style="vertical-align: text-bottom;"> <a href=https://beian.miit.gov.cn target=_blank>沪ICP备2021005075号-1</a></span></div><div class="col s12 m4 l4 social-link"><a href=https://github.com/frida-wang class=tooltipped target=_blank data-tooltip=访问我的GitHub data-position=top data-delay=50><i class="fab fa-github"></i></a> <a href=mailto:frida.wangyan@outlook.com class=tooltipped target=_blank data-tooltip=邮件联系我 data-position=top data-delay=50><i class="fas fa-envelope-open"></i></a> <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=629702454" class=tooltipped target=_blank data-tooltip="QQ联系我: 629702454" data-position=top data-delay=50><i class="fab fa-qq"></i></a> <a href=/atom.xml class=tooltipped target=_blank data-tooltip="RSS 订阅" data-position=top data-delay=50><i class="fas fa-rss"></i></a></div></div></footer><div class=progress-bar></div><div id=searchModal class=modal><div class=modal-content><div class=search-header><span class=title><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span> <input type=search id=searchInput name=s placeholder=请输入搜索的关键字 class=search-input></div><div id=searchResult></div></div></div><script type=text/javascript>$(function(){!function(t,e,r){"use strict";$.ajax({url:t,dataType:"xml",success:function(t){var n=$("entry",t).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get(),a=document.getElementById(e),s=document.getElementById(r);a.addEventListener("input",function(){var t='<ul class="search-result-list">',e=this.value.trim().toLowerCase().split(/[\s\-]+/);s.innerHTML="",this.value.trim().length<=0||(n.forEach(function(r){var n=!0,a=r.title.trim().toLowerCase(),s=r.content.trim().replace(/<[^>]+>/g,"").toLowerCase(),i=r.url;i=0===i.indexOf("/")?r.url:"/"+i;var l=-1,c=-1,u=-1;if(""!==a&&""!==s&&e.forEach(function(t,e){l=a.indexOf(t),c=s.indexOf(t),l<0&&c<0?n=!1:(c<0&&(c=0),0===e&&(u=c))}),n){t+="<li><a href='"+i+"' class='search-result-title'>"+a+"</a>";var o=r.content.trim().replace(/<[^>]+>/g,"");if(u>=0){var h=u-20,f=u+80;h<0&&(h=0),0===h&&(f=100),f>o.length&&(f=o.length);var m=o.substr(h,f);e.forEach(function(t){var e=new RegExp(t,"gi");m=m.replace(e,'<em class="search-keyword">'+t+"</em>")}),t+='<p class="search-result">'+m+"...</p>"}t+="</li>"}}),t+="</ul>",s.innerHTML=t)})}})}("/search.xml","searchInput","searchResult")});</script><div id=backTop class=top-scroll><a class="btn-floating btn-large waves-effect waves-light" href=#!><i class="fas fa-arrow-up"></i></a></div><script src=https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/scrollprogress/3.0.2/scrollProgress.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.10.0/js/lightgallery.min.js></script><script>$(function(){!function(){let t="animated pulse";$("article .article").hover(function(){$(this).addClass(t)},function(){$(this).removeClass(t)})}(),$(".sidenav").sidenav();let t=function(t,e){let n=$("#"+t);if(0!==n.length){let t=n.width();t+=450<=t?21:350<=t&&t<450?18:300<=t&&t<350?16:14,$("#"+e).width(t)}},e=function(){t("navContainer"),t("artDetail","prenext-posts"),$(".content").css("min-height",window.innerHeight-165)};e(),$(window).resize(function(){e()}),$("#articles").masonry({itemSelector:".article"}),AOS.init({easing:"ease-in-out-sine",duration:700,delay:100}),function(){$("#articleContent a").attr("target","_blank"),$("#articleContent img").each(function(){var t=$(this).attr("src");$(this).wrap('<div class="img-item" data-src="'+t+'" data-sub-html=".caption"></div>'),$(this).addClass("img-shadow img-margin");var e=$(this).attr("alt");t=$(this).attr("title");let n="";if(void 0===e||""===e?void 0!==t&&""!==t&&(n=t):n=e,""!==n){let t=document.createElement("div");t.className="caption";let e=document.createElement("b");e.className="center-caption",e.innerText=n,t.appendChild(e),this.insertAdjacentElement("afterend",t)}}),$("#articleContent, #myGallery").lightGallery({selector:".img-item",subHtmlSelectorRelative:!0});const t=window.document.querySelector(".progress-bar");t&&new ScrollProgress((e,n)=>{t.style.width=100*n+"%"})}(),$(".modal").modal(),$("#backTop").click(function(){return $("body,html").animate({scrollTop:0},400),!1});let n=$("#headNav"),i=$(".top-scroll");function a(t){t<100?(n.addClass("nav-transparent"),i.slideUp(300)):(n.removeClass("nav-transparent"),i.slideDown(300))}a($(window).scrollTop()),$(window).scroll(function(){a($(window).scrollTop())}),$(".nav-menu>li").hover(function(){$(this).children("ul").stop(!0,!0).show(),$(this).addClass("nav-show").siblings("li").removeClass("nav-show")},function(){$(this).children("ul").stop(!0,!0).hide(),$(".nav-item.nav-show").removeClass("nav-show")}),$(".m-nav-item>a").on("click",function(){"none"==$(this).next("ul").css("display")?($(".m-nav-item").children("ul").slideUp(300),$(this).next("ul").slideDown(100),$(this).parent("li").addClass("m-nav-show").siblings("li").removeClass("m-nav-show")):($(this).next("ul").slideUp(100),$(".m-nav-item.m-nav-show").removeClass("m-nav-show"))}),$(".tooltipped").tooltip()});</script><script>const $d=function(t,e){return e=e||document,0===t.indexOf("#")?e.getElementById(t.replace("#","")):e.querySelector(t)};$d.all=function(t,e){return(e=e||document).querySelectorAll(t)},$d.each=function(t,e,n){return $d.all(t,n).forEach(e)},Object.assign(HTMLElement.prototype,{createChild:function(t,e,n){var i=document.createElement(t);switch(Object.assign(i,e),n){case"after":this.insertAfter(i);break;case"replace":this.innerHTML="";default:this.appendChild(i)}return i},wrap:function(t){var e=document.createElement("div");Object.assign(e,t),this.parentNode.insertBefore(e,this),this.parentNode.removeChild(this),e.appendChild(this)},height:function(t){return t&&(this.style.height="number"==typeof t?t+"rem":t),this.getBoundingClientRect().height},width:function(t){return t&&(this.style.width="number"==typeof t?t+"rem":t),this.getBoundingClientRect().width},top:function(){return this.getBoundingClientRect().top},left:function(){return this.getBoundingClientRect().left},attr:function(t,e){return null===e?this.removeAttribute(t):e?(this.setAttribute(t,e),this):this.getAttribute(t)},insertAfter:function(t){var e=this.parentNode;e.lastChild==this?e.appendChild(t):e.insertBefore(t,this.nextSibling)},display:function(t){return null==t?this.style.display:(this.style.display=t,this)},child:function(t){return $d(t,this)},find:function(t){return $d.all(t,this)},_class:function(t,e,n){e=e.indexOf(" ")?e.split(" "):[e];var i=this;e.forEach(function(e){"toggle"==t?i.classList.toggle(e,n):i.classList[t](e)})},addClass:function(t){return this._class("add",t),this},removeClass:function(t){return this._class("remove",t),this},toggleClass:function(t,e){return this._class("toggle",t,e),this},hasClass:function(t){return this.classList.contains(t)}});</script><script>const postBeauty=function(){$d.each("li ruby",function(e){var a=e.parentNode;(a="LI"!=e.parentNode.tagName?e.parentNode.parentNode:a).addClass("ruby")}),$d.each("#artDetail table",function(e){e.wrap({className:"table-container"})}),$d.each(".highlight > .table-container",function(e){e.className="code-container"}),$d.each("figure.highlight",function(e){var a=e.child(".code-container"),i=e.child("figcaption");function n(){e.removeClass("fullscreen"),e.scrollTop=0,BODY.removeClass("fullscreen"),l.child(".ic").className="ic i-expand"}e.insertAdjacentHTML("beforeend",'<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>'),(r=e.child(".copy-btn")).addEventListener("click",function(e){var i=e.currentTarget,n="",s="";a.find("pre").forEach(function(e){s+=n+e.innerText,n="\n"}),clipBoard(s,function(e){i.child(".ic").className=e?"ic i-check":"ic i-times",i.blur(),showtip(LOCAL.copyright)})}),r.addEventListener("mouseleave",function(e){setTimeout(function(){e.target.child(".ic").className="ic i-clipboard"},1e3)}),e.child(".breakline-btn").addEventListener("click",function(a){a=a.currentTarget,e.hasClass("breakline")?(e.removeClass("breakline"),a.child(".ic").className="ic i-align-left"):(e.addClass("breakline"),a.child(".ic").className="ic i-align-justify")});var s,t,c,l=e.child(".fullscreen-btn"),r=function(a){a.currentTarget,e.hasClass("fullscreen")?(n(),c&&c(),pageScroll(e)):(e.addClass("fullscreen"),BODY.addClass("fullscreen"),l.child(".ic").className="ic i-compress",t&&t())};l.addEventListener("click",r),i&&i.addEventListener("click",r),a&&300<a.height()&&(a.style.maxHeight="300px",a.insertAdjacentHTML("beforeend",'<div class="show-btn"><i class="ic i-angle-down"></i></div>'),(s=a.child(".show-btn")).child("i"),t=function(){a.style.maxHeight="",s.addClass("open")},c=function(){a.style.maxHeight="300px",s.removeClass("open")},s.addEventListener("click",function(e){s.hasClass("open")?(n(),c(),pageScroll(a)):t()}))}),$d.each("pre.mermaid > svg",function(e){e.style.maxWidth=""}),$d.each(".reward button",function(e){e.addEventListener("click",function(e){e.preventDefault();var a=$d("#qr");"inline-flex"===a.display()?transition(a,0):transition(a,1,function(){a.display("inline-flex")})})}),$d.each(".quiz > ul.options li",function(e){e.addEventListener("click",function(a){e.hasClass("correct")?(e.toggleClass("right"),e.parentNode.parentNode.addClass("show")):e.toggleClass("wrong")})}),$d.each(".quiz > p",function(e){e.addEventListener("click",function(a){e.parentNode.toggleClass("show")})}),$d.each(".quiz > p:first-child",function(e){var a=e.parentNode,i="choice";(a.hasClass("true")||a.hasClass("false"))&&(i="true_false"),a.hasClass("multi")&&(i="multiple"),a.hasClass("fill")&&(i="gap_fill"),a.hasClass("essay")&&(i="essay"),e.attr("data-type",LOCAL.quiz[i])}),$d.each(".quiz .mistake",function(e){e.attr("data-type",LOCAL.quiz.mistake)}),$d.each("div.tags a",function(e){e.className=["primary","success","info","warning","danger"][Math.floor(5*Math.random())]}),$d.each("#artDetail div.player",function(e){mediaPlayer(e,{type:e.attr("data-type"),mode:"order",btns:[]}).player.load(JSON.parse(e.attr("data-src"))).fetch()})};$d.each("li ruby",function(e){var a=e.parentNode;(a="LI"!=e.parentNode.tagName?e.parentNode.parentNode:a).addClass("ruby")}),$d.each("#artDetail table",function(e){e.wrap({className:"table-container"})}),$d.each(".highlight > .table-container",function(e){e.className="code-container"}),$d.each("figure.highlight",function(e){var a=e.child(".code-container"),i=e.child("figcaption");function n(){e.removeClass("fullscreen"),e.scrollTop=0,BODY.removeClass("fullscreen"),l.child(".ic").className="ic i-expand"}e.insertAdjacentHTML("beforeend",'<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>'),(r=e.child(".copy-btn")).addEventListener("click",function(e){var i=e.currentTarget,n="",s="";a.find("pre").forEach(function(e){s+=n+e.innerText,n="\n"}),clipBoard(s,function(e){i.child(".ic").className=e?"ic i-check":"ic i-times",i.blur(),showtip(LOCAL.copyright)})}),r.addEventListener("mouseleave",function(e){setTimeout(function(){e.target.child(".ic").className="ic i-clipboard"},1e3)}),e.child(".breakline-btn").addEventListener("click",function(a){a=a.currentTarget,e.hasClass("breakline")?(e.removeClass("breakline"),a.child(".ic").className="ic i-align-left"):(e.addClass("breakline"),a.child(".ic").className="ic i-align-justify")});var s,t,c,l=e.child(".fullscreen-btn"),r=function(a){a.currentTarget,e.hasClass("fullscreen")?(n(),c&&c(),pageScroll(e)):(e.addClass("fullscreen"),BODY.addClass("fullscreen"),l.child(".ic").className="ic i-compress",t&&t())};l.addEventListener("click",r),i&&i.addEventListener("click",r),a&&300<a.height()&&(a.style.maxHeight="300px",a.insertAdjacentHTML("beforeend",'<div class="show-btn"><i class="ic i-angle-down"></i></div>'),(s=a.child(".show-btn")).child("i"),t=function(){a.style.maxHeight="",s.addClass("open")},c=function(){a.style.maxHeight="300px",s.removeClass("open")},s.addEventListener("click",function(e){s.hasClass("open")?(n(),c(),pageScroll(a)):t()}))}),$d.each("pre.mermaid > svg",function(e){e.style.maxWidth=""}),$d.each(".reward button",function(e){e.addEventListener("click",function(e){e.preventDefault();var a=$d("#qr");"inline-flex"===a.display()?transition(a,0):transition(a,1,function(){a.display("inline-flex")})})}),$d.each(".quiz > ul.options li",function(e){e.addEventListener("click",function(a){e.hasClass("correct")?(e.toggleClass("right"),e.parentNode.parentNode.addClass("show")):e.toggleClass("wrong")})}),$d.each(".quiz > p",function(e){e.addEventListener("click",function(a){e.parentNode.toggleClass("show")})}),$d.each(".quiz > p:first-child",function(e){var a=e.parentNode,i="choice";(a.hasClass("true")||a.hasClass("false"))&&(i="true_false"),a.hasClass("multi")&&(i="multiple"),a.hasClass("fill")&&(i="gap_fill"),a.hasClass("essay")&&(i="essay"),e.attr("data-type",LOCAL.quiz[i])}),$d.each(".quiz .mistake",function(e){e.attr("data-type",LOCAL.quiz.mistake)}),$d.each("div.tags a",function(e){e.className=["primary","success","info","warning","danger"][Math.floor(5*Math.random())]}),$d.each("#artDetail div.player",function(e){mediaPlayer(e,{type:e.attr("data-type"),mode:"order",btns:[]}).player.load(JSON.parse(e.attr("data-src"))).fetch()});</script><script>!function(){var t=document.createElement("script"),e=window.location.protocol.split(":")[0];t.src="https"===e?"https://zz.bdstatic.com/linksubmit/push.js":"http://push.zhanzhang.baidu.com/push.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}();</script><script src=https://cdn.jsdelivr.net/gh/ygbhf/clicklove/clicklove.min.js async></script><script>!function(e,t,o,c,i,a,n){e.DaoVoiceObject=i,e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},e[i].l=1*new Date,a=t.createElement(o),n=t.getElementsByTagName(o)[0],a.async=1,a.src=c,a.charset="utf-8",n.parentNode.insertBefore(a,n)}(window,document,"script",("https:"==document.location.protocol?"https:":"http:")+"//widget.daovoice.io/widget/d52fcd31.js","daovoice"),daovoice("init",{app_id:"2f393380"}),daovoice("update");</script><script src=https://cdnjs.cloudflare.com/ajax/libs/instant.page/5.1.0/instantpage.min.js type=module></script></body></html>